<?php
require('setting.php');

?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $index_array['title']?></title>
    <link href="/ast/bootstrap.min.css" rel="stylesheet">
    <style>
        body {
            font-family: 'Open Sans', sans-serif;

            background-image: url("ast/gkpho/index-fop2.jpg");
        }
        .container {
            max-width: 1200px;
        }
        header {
            background: #0055A4;
            color: #fff;
            padding: 20px 0;
            text-align: center;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
        }
        header h1 {
            margin: 0;
        }
        nav {
            background: #333;
            color: #fff;
            padding: 10px 0;
            text-align: center;
        }
        nav a {
            color: #fff;
            text-decoration: none;
            padding: 10px 15px;
            display: inline-block;
            transition: background 0.3s ease;
            border-radius: 5px;
        }
        nav a:hover {
            background: #555;
        }
        .main-content {
            padding: 20px;
            background: #fff;
            opacity: 0.88;
            margin-top: 20px;
            background-color: #e9e9e9;
            overflow-y: scroll;
            background-image: url("ast/gkpho/index-fop.jpg");
            transition: margin 0.5s ease;
        }
        .form-container {
            background: #e9e9e9;
            padding: 20px;
            opacity: 0.85;
            margin-bottom: 20px;
            transition: background 0.5s ease;
            border-radius: 5px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        footer {
            background: #333;
            color: #fff;
            text-align: center;
            padding: 10px 0;
            bottom: 0;
            width: 100%;
            box-shadow: 0 -2px 5px rgba(0,0,0,0.2);
        }
        .animated-fade-in {
            animation: fadeIn 1s ease-in-out;
        }
        body::-webkit-scrollbar, .main-content::-webkit-scrollbar {
            display: none;
        }
    </style>
</head>
<body>
    <header>
        <div class="container">
            <h1><?php echo $index_array['title']?></h1>
        </div>
    </header>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
        <div class="container">
            <a class="navbar-brand" href="#"><?php echo $index_array['title']?></a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item"><a class="nav-link" href="#">首页</a></li>
                    <li class="nav-item"><a class="nav-link" href="teacher/">创建考卷</a></li>
                    <li class="nav-item"><a class="nav-link" href="#help">帮助</a></li>
                </ul>
            </div>
        </div>
    </nav>
    <div class="container main-content">
    <div class="form-container">
    <h2>编辑和修改考卷</h2>
    <p>轻松编辑和修改您的考卷内容，以适应不同的考试需求。</p>
</div>
<div class="form-container">
    <h2>统计和报告功能</h2>
    <p>生成详细的统计报告，帮助您了解考试的整体表现和个别题目的难度。</p>
</div>
<div class="form-container">
    <h2>个性化设置</h2>
    <p>根据您的需求定制考卷的外观和功能，包括时间限制、分数设置等。</p>
</div>
<div class="form-container">
    <h2>安全和隐私保护</h2>
    <p>确保考卷和考试数据的安全，保护考生的隐私。</p>
</div>
<div class="form-container">
    <h2>移动设备支持</h2>
    <p>考卷支持在各种移动设备上进行，方便考生随时随地参加考试。</p>
</div>
<div class="form-container">
    <h2>即时反馈和互动</h2>
    <p>提供即时反馈，增加考生与考卷之间的互动性，提高考试体验。</p>
</div>
<div class="form-container">
    <h2>易于分享和分发</h2>
    <p>轻松分享和分发考卷，无论是通过电子邮件还是社交媒体。</p>
</div>
<div class="form-container">
    <h2>考卷存档和备份</h2>
    <p>自动存档和备份考卷，确保数据不会丢失，方便未来参考和复审。</p>
</div>
    </div>
    <footer class="bg-dark text-white">
        <div class="container">
            <p>&copy; 2024 <?php echo $index_array['keyword'] ?>. All rights reserved.</p>
            <p><?php echo $index_array['beian']?></p>
        </div>
    </footer>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>